<template>
	<view>
		<view class="topVue">
			<view class="title absolute-auto">{{ title }}</view>
			<image 
				src="../static/back.png" 
				style="width: 40rpx; height: 40rpx; left: 30rpx; line-height: 1;" 
				class="absolute-middle"
				@click="back()"
			></image>
		</view>
		<u-gap height="100"></u-gap>
	</view>
</template>

<script>
	export default {
		props: ["title"],
		data(){
			return {
				
			}
		},
		methods: {
			back(){
				uni.navigateBack({
					delta: 1,
				});
			}
		}
	}
</script>

<style lang="less">
	/deep/.u-mode-center-box {
		background-color: transparent !important;
	}
	/deep/.u-drawer-left {
		background-color: transparent !important;
	}
	.topVue {
		width: 100%;
		height: 100rpx;
		background: #0D0F13;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 99;
		.title {
			font-size: 36rpx;
			font-weight: 600;
			line-height: 1;
			color: #fff;
		}
	}
	
	.langVue {
		width: 670rpx;
		height: 682rpx;
		padding: 52rpx 0 80rpx;
		box-sizing: border-box;
		.lang {
			width: 670rpx;
			height: 402rpx;
			background: url("../static/lang_kuang.png") no-repeat;
			background-size: 100% 100%;
			padding: 60rpx 0 90rpx;
		}
		.title {
			font-size: 32rpx;
			font-weight: 600;
		}
		.btn {
			width: 570rpx; 
			height: 70rpx;
			background: transparent;
		}
		.closeVue {
			width: 100%;
			height: 100rpx;
		}
	}
	
	.popupVue {
		width: 450rpx;
		height: 100vh;
		background: url("../static/nav/mask.png") no-repeat;
		background-size: 100% 100%;
		.header {
			width: 450rpx;
			height: 240rpx;
			background: #20262D;
			.cell {
				width: 100%;
				height: 120rpx;
				padding: 0 30rpx;
				.address {
					width: 240rpx;
					height: 50rpx;
					background: #45F882;
					border-radius: 8rpx;
					line-height: 50rpx;
					text-align: center;
					font-weight: 500;
					font-size: 30rpx;
					color: #111A21;
					margin-left: 15rpx;
				}
			}
		}
		.navVue {
			width:450rpx;
			padding-left: 30rpx;
			.item {
				width: 100%;
				height: 100rpx;
				border-bottom: 1rpx solid rgba(255,255,255,0.3);
			}
		}
	}
</style>